var nxtApp = angular.module('NxtMap');  
nxtApp.directive("timelineaxis", function () {  
  return {  
    restrict: 'AE',  
    transclude: true,  
    template: '<div class="timeaxis-wrapper" ><ul class="timeaxis" ng-transclude></ul></div>'  
  };  
});  

nxtApp.directive("timeaxisItem", function () {  
  return {  
    require: '^timeaxis',  
    restrict: 'AE',  
    transclude: true,  
    template: '<li ng-transclude ></li>'  
  };  
});  

nxtApp.directive("timeaxisPoint", function () {  
  return {  
    require: '^timeaxisItem',  
    restrict: 'AE',  
    transclude: true,  
    template: '<div class="timeaxis-point"><span></span></div>'  
  };  
});  
  
nxtApp.directive("timeaxisPanel", function () {  
  return {  
    require: '^timeaxis',  
    restrict: 'AE',  
    transclude: true,  
    template: '<div class="timeaxis-panel" ng-transclude></div>'  
  };  
});  

nxtApp.directive("timeaxisHide", function () {  
  return {  
    require: '^timeaxisWrapper',  
    restrict: 'AE',  
    transclude: true,  
    template: '<span class="glyphicon glyphicon-menu-up"></span>'  
  };  
}); 